Javascript 敲除JS-为什么这些值没有正确绑定？

我有这个敲除可观察数组，我试图将它的一些值绑定到我的视图。我遇到的困难是因为它是嵌套的。我不确定正确的数据绑定语法是什么

这是我的可观测阵列数据：

我想在广告客户中绑定广告客户名称

这是我的HTML

<table id="tblBrand">
        <thead>
            <tr>
                <th>Brand Name</th>
                <th>
                    <button data-bind='click: $root.addBrand'>Add Brand</button></th>
            </tr>

        </thead>
        <tbody data-bind="foreach: brands">
            <tr>
                <td>
                    <input data-bind="value: brandName" readonly="true" />
                </td>
            </tr>
            <tr>
                <td>
                    <table>
                        <tr>
                            <td>
                                <input data-bind="value: advertiser.advertiserName" />
                            </td>

                            <td>
                                <input data-bind="value: advertiser.advertiserRank" />
                            </td>
                        </tr>
                    </table>
                    <td>
                        <a href='#' data-bind='click: $root.removeBrand' style="color: blue">Remove</a>
                    </td>
            </tr>
        </tbody>
    </table>

品牌名称
添加品牌

---

我的装订工作方式是我在每个品牌内寻找。每个品牌都有一个广告客户对象，我想深入了解一下。第二个屏幕截图显示了我的语法和页面呈现的内容。

因为您的

广告客户是
ko。可观察的
如果您在表达式中使用它，则需要使用
广告客户（）
获取其值：

<table>
   <tr>
       <td>
           <input data-bind="value: advertiser().advertiserName" />
       </td>
       <td>
           <input data-bind="value: advertiser().advertiserRank" />
       </td>
   </tr>
</table>

太好了，这正是我想要的。谢谢
<table data-bind="with: advertiser">
   <tr>
       <td>
           <input data-bind="value: advertiserName" />
       </td>
       <td>
           <input data-bind="value: advertiserRank" />
       </td>
   </tr>
</table>