Knockout.js 拆分可观察数组并在表格中垂直显示

我有一个以逗号分隔的字符串。我想做的是拆分可观察对象并绑定它，以便在表中垂直查看它。我的看法如下：

视图模型为：

var data1 = [{
    name1: "one,two"
}];

var viewModel = {
    dataOne: ko.observableArray(data1)     
};

ko.applyBindings(viewModel);

目前，为了简化事情，我使用了一个

foreach

绑定为您提供了一个演示。在我的代码中，我使用了带有绑定的

。将
与
绑定一起使用的原因是，它表示用户选择的单行

那么，如何拆分可观察项并在表中垂直显示结果项，就像这样

one
two

可以这样使用代码吗

<table>
<tbody data-bind="with: dataOne">
    <tr foreach: splittedArray> 
        <td data-bind="text: name1"></td><td >&nbsp;&nbsp;&nbsp;</td>
    </tr>
</tbody>
</table>



问题是我真的不知道如何分割它。请让我知道，如果你需要更多的投入

这是我的。
您可以使用来实现：

然后让视图迭代：





请参见演示

请注意，在实际应用程序中，您需要，可能需要将其保存在变量中，例如
self
。
如果我对dataone obs阵列使用绑定，则不会显示任何内容，但您是否尝试自己调试该问题？看来你的小提琴控制台有错误。您应该真正重新构造视图模型，也许可以使用构造函数。请阅读我的最后一个链接。
self.name1split = ko.computed(function() {
    return self.name1.split(",");
});