knockoutJs で visible が切り替わりません

Question

slef.menu内のobjectで"active"というデータを監視しており、チェックボックスで状態を切り替えています。
Knockoutjs context debugger で確認をするとtrue/falseに切り替わっていることがわかります。

しかし、その下にある "visible:active"と"visible:!active"の状態が切り替わりません。
これはどういう理由でしょうか？またどのようにすれば実現できるでしょうか？

よろしくお願いします。

" menu": Object
active: true

viewModel = ->
  self = @
  self.menu = ko.observable()

<div class="container" data-bind="with:menu">
	<div class="row">
		<div class="large-12 columns">
			<div class="switch left">
				<input data-bind="checked:active" type="checkbox" id="system.active">
				<label for="system.active"></label>
			</div>
			<div class="left">
				<label class="switch-label" data-bind="visible:active">動作中</label>
				<label class="switch-label" data-bind="visible:!active">停止中</label>
			</div>
		</div>
	</div>
</div>

Answer 1

「どうやらobservable（監視可能）なのはプリミティブだけのよう」
http://analogic.jp/knockout-observable/

ということでobjectを監視対象にしていたためですね。
objectが取り扱えて、読み出しも変更もできるので使えるかと思ってた。