Knockout.js 击倒JS绑定列表列表

我有一个包含

列表的类。我找不到任何关于如何在Knockout JS中绑定此列表的示例。可能吗

我所尝试的：

<div data-bind="foreach: $data.ChildrenGrouped">
    <div data-bind="foreach: $data.ChildrenGrouped[$index]">

    </div>
</div>



有人能给我指出正确的方向和/或验证是否可行吗

澄清：
这是一个我的类是如何设置的示例，不确定它是否重要

MyClass:
   Property1 Prop1 { get; set; }
   Property2 Prop2 { get; set; }
   List<List<MyClass>> ChildrenGrouped { get; set; }

MyClass:
属性1 Prop1{get；set；}
Property2 Prop2{get；set；}
List ChildrenGrouped{get；set；}
假设JavaScript视图模型上的ChildrenGrouped属性是一个数组数组，则视图html可能更像这样：

<div data-bind="foreach: ChildrenGrouped">
    <div data-bind="foreach: $data">
        ...
    </div>
</div>


...

其中，内循环上的$data是外循环上的每个条目（数组）。
假设JavaScript视图模型上的ChildrenGrouped属性是一个数组数组，则视图html可能更像这样：

<div data-bind="foreach: ChildrenGrouped">
    <div data-bind="foreach: $data">
        ...
    </div>
</div>


...

其中，内循环上的$data是外循环上的每个条目（数组）。
这似乎很容易回答哈哈。我不知道为什么我没有先尝试：（谢谢！这似乎是一个简单的答案哈哈。我不知道为什么我没有先尝试：（谢谢！