Knockout.js 选择列表中的HTML实体

因此，我有一个绑定到某些数据的选择列表：

<select>
    <option selected="selected">-- Please select your company --</option>
    <!-- ko foreach: dealerList -->
        <optgroup data-bind="attr: {label: name}, foreach: dealers">
            <option data-bind="text: name, option: $data"></option>
        </optgroup>
    <!-- /ko -->
</select>

--请选择您的公司--

但是，一些数据（由API提供）包含HTML实体。例如，提供给optgroup标签的数据<代码>&呈现为

&

如何正确地呈现这些内容？
我知道的唯一解决方法是使用（这类似于
文本
绑定，但它呈现html，包括实体，原样），但要注意安全问题以及大多数实际html在
选项
元素中无效这一事实

以下是证据：


ko.applyBindings({
经销商列表：[
{
名称：“组1”，
经销商：[
{name:'Mark&；Sons'}
]
}
]
});

--请选择您的公司--
我所知道的唯一解决方法是使用（这类似于
文本
绑定，但它呈现html，包括实体，原样），但要注意安全问题，以及大多数实际html在
选项
元素中无效的事实

以下是证据：


ko.applyBindings({
经销商列表：[
{
名称：“组1”，
经销商：[
{name:'Mark&；Sons'}
]
}
]
});

--请选择您的公司--