Javascript 使用Knockout动态添加dom元素

我在寻找解决我问题的办法方面已走到了尽头。 问题是，我有一个.xml文件，其中包含的数据有助于动态生成html页面。数据如下所示。

---

首先您需要制作一个模板，然后将视图模型绑定到数据，请参考下面的psedo代码

<tbody data-bind="template: { name: 'comissionTemplate', foreach: Comissions }"></tbody> <script type="text/html" id="comissionTemplate">
    <tr >
        <td><input type='text'  data-bind="value: "based on object passed to obseravable array set the value here"/></td>
</tr>

viewModel = {
Comissions: ko.observableArray([])}
ko.applyBindings(viewModel);


谢谢你的回复，所以我必须为每个控件定义模板吗？？还有一件事，表中可以有元素（嵌套），每个控件也可以以任何顺序出现