json - knockout.js n レベル バインディング ナビゲーション

Question

このjson構造がノックアウト.jsに入ってきます:

JSON
    {}
        Id=1
        Barcode=1234...
        DiscountLevel=40
        ProductCollection
            Id=1
            Name=Cool product one...
            Products
                {}
                    Id=1
                    Manufacturer=Cool Manufacturing...
                    ProductName=Foo
                    MSRP=19.99
                {}
                    Id=2
                    Manufacturer=Cool Manufacturing...
                    ProductName=Blah
                    MSRP=9.99
                {}
                    Id=3
                    Manufacturer=Cool Manufacturing...
                    ProductName=Boo
                    MSRP=99.99

第 1 レベルと第 2 レベル (ProductCollection().Name) のバインディングは正常に機能しており、データが流れ込んでいます。

root.ProductCollection ノードから製品のテーブルを取得する方法を見つけようとしています。

これが私の現在のバインディング構文です（コメントスタイルの構文を含む多くのバリアントを試しましたが）：

<table>
    <tbody data-bind="foreach: {data: offer().ProductCollection().Products, as: 'Product'}">

        <tr>
            <td data-bind="text: Product.ProductName"></td>
        </tr>

    </tbody>
</table>

この問題を解決し、知恵を提供したい場合は、よろしくお願いします。