使用knock js创建不同的行

<script src="https://cdn.jsdelivr.net/npm/knockout@3.5.1/knockout-min.js"></script>

function RowViewModel(data) {
  var self = this;
  self.name = ko.observable(data.name);
  self.age = ko.observable(data.age);
  self.gender = ko.observable(data.gender);
}

<div>
  <input type="text" data-bind="value: name" />
  <input type="text" data-bind="value: age" />
  <input type="text" data-bind="value: gender" />
</div>

var row1 = new RowViewModel({ name: "John", age: 25, gender: "Male" });
var row2 = new RowViewModel({ name: "Jane", age: 30, gender: "Female" });

ko.applyBindings(row1, document.getElementById("row1"));
ko.applyBindings(row2, document.getElementById("row2"));

<div id="row1">
  <!-- 行1的内容将显示在这里 -->
</div>

<div id="row2">
  <!-- 行2的内容将显示在这里 -->
</div>